<%--
  Created by IntelliJ IDEA.
  User: User
  Date: 2018/7/17
  Time: 11:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <footer class="footer">
    <!-- start site footer -->
    <div class="site-footer">
        <!-- start container -->
        <div class="container">
            <!-- start row -->
            <div class="row">
                <div class="col-md-3 footer_widget">
                    <h5>About Obsequy</h5>
                    <!-- start footer logo -->
                    <div class="footer-logo margin-20">
                        <a href="${pageContext.request.contextPath}/main.do" title="Obsequy"><img
                                src="${pageContext.request.contextPath}/images/logo.png" alt="Obsequy"></a>
                    </div>
                    <!-- end footer logo -->
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
                        Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
                        ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
                </div>
                <div class="col-md-3 footer_widget">
                    <h5>Services we offer</h5>
                    <!-- start menu services -->
                    <div class="menu-services">
                        <ul>
                            <li><a href="#" title="Burial Services">Burial Services</a></li>
                            <li><a href="#" title="Catering Services">Catering Services</a></li>
                            <li><a href="#" title="Celebrating a Life">Celebrating a Life</a></li>
                            <li><a href="#" title="Funeral Services">Funeral Services</a></li>
                            <li><a href="#" title="Permanent Memorialization">Permanent Memorialization</a></li>
                            <li><a href="#" title="Planning a Funeral">Planning a Funeral</a></li>
                        </ul>
                    </div>
                    <!-- end menu services -->
                </div>
                <div class="col-md-3 footer_widget">
                    <h5>Recent Posts</h5>
                    <!-- start recent post -->
                    <div class="recent-post">
                        <ul>
                            <li>
                                <!-- start recent post imgb -->
                                <div class="recent-post-imgb">
                                    <a href="#" title="recent post"><img
                                            src="${pageContext.request.contextPath}/images/img_recent_post.jpg"
                                            alt="recent post"></a>
                                </div>
                                <!-- end recent post imgb -->
                                <!-- start recent post txtb -->
                                <div class="recent-post-txtb">
                                    <h6><a href="#" title="Why you should plan ahead">Why you should plan ahead</a>
                                    </h6>
                                    <span>Posted on November 8, 2017</span>
                                </div>
                                <!-- end recent post txtb -->
                            </li>
                            <li>
                                <!-- start recent post imgb -->
                                <div class="recent-post-imgb">
                                    <a href="#" title="recent post"><img
                                            src="${pageContext.request.contextPath}/images/img_recent_post2.jpg"
                                            alt="recent post"></a>
                                </div>
                                <!-- end recent post imgb -->
                                <!-- start recent post txtb -->
                                <div class="recent-post-txtb">
                                    <h6><a href="#" title="What to do when a death occurs">What to do when a death
                                        occurs</a></h6>
                                    <span>Posted on November 8, 2017</span>
                                </div>
                                <!-- end recent post txtb -->
                            </li>
                            <li>
                                <!-- start recent post imgb -->
                                <div class="recent-post-imgb">
                                    <a href="#" title="recent post"><img
                                            src="${pageContext.request.contextPath}/images/img_recent_post3.jpg"
                                            alt="recent post"></a>
                                </div>
                                <!-- end recent post imgb -->
                                <!-- start recent post txtb -->
                                <div class="recent-post-txtb">
                                    <h6><a href="#" title="Funeral Etiquettes you should remember">Funeral
                                        Etiquettes you should remember</a></h6>
                                    <span>Posted on November 8, 2017</span>
                                </div>
                                <!-- end recent post txtb -->
                            </li>
                        </ul>
                    </div>
                    <!-- end recent post -->
                    <div class="spacer-30"></div>
                </div>
                <div class="col-md-3 footer_widget">
                    <h5>Obsequy on Twitter</h5>
                    <!-- start tweets -->
                    <div class="twitter-widget" data-tweets-count="2"></div>
                    <!-- end tweets -->
                </div>
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </div>
    <!-- end site footer -->
    <!-- start site footer bottom -->
    <div class="site-footer-bottom">
        <!-- start container -->
        <div class="container">
            <!-- start row -->
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <p>Copyright &copy; 2017.Company name All rights reserved.</p>
                </div>
                <div class="col-md-6 col-sm-6">
                    <!-- start social icons colored -->
                    <div class="social-icons-colored pull-right">
                        <ul>
                            <li class="facebook"><a href="#" title="facebook"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li class="twitter"><a href="#" title="twitter"><i class="fa fa-twitter"></i></a></li>
                            <li class="youtube"><a href="#" title="youtube"><i class="fa fa-youtube"></i></a></li>
                        </ul>
                    </div>
                    <!-- end social icons colored -->
                </div>
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </div>
    <!-- end site footer bottom -->
</footer>
</body>
</html>
